.nc-background {
  position: relative;
  background-color: rgba(255, 255, 255, 0.1);
  display: flex; /* 设置为 Flex 容器,使其横向布局 */
  justify-content: center; //作用于子孙
  width: 100%;
  height: auto; /* 用了这个儿子就得用margin-top,用top就得全部自己手算了 */

  .nc-background-picture {
    position: absolute; /* 使图片固定在容器的底层 */
    //background-size: cover; /* 确保背景图铺满 */
    background-position: center; /* 背景图居中 */
    background-attachment: fixed; /* 固定背景图 */
    //z-index: 0; /* 将背景图放在最底层 */
    background-color: rgba(0, 0, 0, 0);
    background-repeat: no-repeat;
    background-clip: padding-box;
    margin: 0;
    background-origin: padding-box;
    display: block;
    width: 100%;
    height: 100%;
  }


  .nc-center {
    width: 95%;
    height: 100%;
    padding-left: 10px; /* 作用于子样式 */
    box-sizing: border-box;
    //background-color: rgba(254, 255, 255, 0.8);
    //background-color: rgba(150, 255, 255, 0.5);
    z-index: 0;
    display: flex;

    .nc-index {
      width: 15%;
      position: sticky;
      //top: 20px;
      margin-top: 10px;
      //background-color: rgba(254, 255 , 255, 0.8);
      height: auto;
      //max-height: 200px;
      //border-radius: 10px; /* 所有四个角的圆角半径为 10px */
      //background-color: #F1F2F3;
      margin-right: 10px;

      .floatSidebar {
        position: sticky;
        top: 20px; /* 固定在顶部，并有一点间距 */
        z-index: 9999;
        padding: 10px;
        //background-color: rgba(255, 255, 255, 0.5);
        height: auto;
        background-size: cover; /* 背景图片完全适应容器 */
        background-position: center; /* 背景居中显示 */
        background-color: rgba(254, 255, 255, 0.7);
        border-radius: 10px; /* 所有四个角的圆角半径为 10px */
      }
    }

    .content {
      margin-top: 10px;
      width: 80%;
      background-color: rgba(254, 255, 255, 0.9);
      border-radius: 10px; /* 所有四个角的圆角半径为 10px */

      //index的迁移到全局样式中

    }
  }


}


.operation-button {
  background-color: transparent;
  border: 2px solid #c6dbf5;
  color: rgba(205, 229, 255, 1);
  padding: 4px 6px;
  font-size: 16px;
  cursor: pointer;
  border-radius: 5px;
  transition: background-color 0.3s ease;
  position: relative;
  display: inline-flex;
  align-items: center;
}

.operation-button:hover {
  background-color: rgba(205, 229, 255, 0.3);
}
